.layout{

  background: var(--theme-bg);
  transition: all 0.5s ease-in-out;
  .ant-layout {
    background: var(--theme-bg);
    transition: all 0.5s ease-in-out;

  }
  .ant-layout-content {
    background-color: var(--theme-bg-secondary);
    .content-view {
      height: 100%;
      background-color: var(--theme-bg);
    }
  }
  @header-height: 64px;

  .ant-layout-header {
    background-color: transparent !important;
    border-bottom: 1px solid var(--theme-border);
  }
  // 图标
  .logo {
    height: @header-height;
    padding: 10px 0px;
    img {
      height: 100%;
    }
  }
  // 侧边栏
  .sider-horizontal {
    background-color: transparent !important;
    &.collapsed {
      .logo h2 {
        display: none;
      }
    }
    border-right: 1px solid var(--theme-border) !important;
    .sidebar-menu {
      height: calc(100% - @header-height);
      border-inline-end: none !important;
    }
  }
  // 菜单
  .sidebar-menu {
    background: transparent;
    height: 100%;
    border: none;
    .ant-menu-sub {
      background-color: var(--theme-bg) !important;
    }
  }
  // 主题 drawer 设置
  .theme-setting {
    .ant-form {
      .ant-row {
        .ant-col:last-child {
          text-align: right;
        }
      }
    }
    .layout-item {
      position: relative;
      &.active::after {
        content: '✔';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--color-primary);
      }
    }
  }
}

.ant-input {
  background: var(--theme-bg);
}
.ant-select-selector {
  background: var(--theme-bg) !important;
}

// 鼠标悬浮 图标 旋转
.btn-rotate {
  .y-icon {
    transition: transform 0.3s ease-in-out;
  }
  &:hover .y-icon {
    transform: rotate(90deg);
  }
}
